// pages/cates/cates.js
const { http } = getApp();
Page({

  /**
   * 页面的初始数据
   */
  data: {
    cates:[],
    subCates:[],
    num: 0,
    subNum: 0,
    items: []
  },
// 请求所有一级分类
 fetchCates(){
   http({
     url: '/goods/getCategoryList'
   }).then(res=>{
     console.log(res)
     if(res.data.code === 200){
       this.setData({
         cates: res.data.message
       })
      //  初始请求二级分类
      this.fetchSubCate()
     }
   })
 },
//  请求二级分类
fetchSubCate(){
  http({
    url:'/goods/getCategorySubList',
    method:'POST',
    data:{
      categoryId: this.data.cates[this.data.num].ID
    }
  }).then(res=>{
    console.log(res)
    if(res.data.code === 200){
      this.setData({
        subCates: res.data.message
      })
      // 商品列表首次调用
      this.fetchItems()
    }
  })
},
// 请求二级分类下所有的商品
  fetchItems(){
    http({
      url: '/goods/getGoodsListByCategorySubID',
      method: 'POST',
      data:{
        categorySubId: this.data.subCates[this.data.subNum].ID,
        page:1,
        num:20
      }
    }).then(res=>{
      if(res.data.code === 200){
        this.setData({
          items: res.data.message
        })
      }
    })
  },
  // 点击进入详情
  enterDetail(e){
    const { id } = e.currentTarget.dataset;
    wx.navigateTo({
      url: '/pages/detail/detail?id='+id
    })
  },
  // 点击二级分类 切换对应商品
  changeItem(e){
    const { index } = e.currentTarget.dataset;
    this.setData({
      subNum: index
    })
    this.fetchItems();
  },
  changeCate(e){
    // 点击一级分类切换二级分类
    const {index} = e.currentTarget.dataset;
    this.setData({
      num: index,
      subNum: 0
    })
    this.fetchSubCate();
  },
  onLoad: function (options) {
    this.fetchCates()
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})